.screen{position:absolute;width:10%;left:50%;height:100%;background:rgba(0,0,0,0);transition:all 2s}
.screen.active{background:rgba(0,0,0,.4);width:100%;left:0}
.indextit{position:absolute;font-size:5em;color:rgba(255,255,255,1);top:50%;left:50%;margin-left:-180px;
margin-top:-43px;transition:all 1s}
.indextit.active{position:absolute;top:50%;left:50%;margin-left:-180px;margin-top:-60px}
.home .navs{color:#fff;cursor:pointer;position:absolute;padding:20px 50px;font-size:2.5em;left:50%;top:50%;margin-left:-78px;margin-top:-25px;transition:top 1s,left 1s,opacity 1s,border-radius 1s .7s,transform 1s;opacity:0}
.navs.active{opacity:1!important;border-radius:44px}
.first.active{top:25%!important;border-radius:44px}
.second.active{left:25%;border-radius:44px}
.third.active{top:70%!important;left:39%;border-radius:44px}
.four.active{top:70%!important;left:60%!important;border-radius:44px}
.fift.active{left:75%!important;border-radius:44px}
.first.active.trans{transform:scale(1.1,1.1);left:45%;background:rgba(255,255,255,.3)}
.second.active.trans{transform:scale(1.2,1.2) skew(10deg,0);background:rgba(255,255,255,.3);left:20%}
.third.active.trans{transform:scale(1.2,1.2);background:rgba(255,255,255,.3);left:29%}
.four.active.trans{transform:scale(1.2,1.2);background:rgba(255,255,255,.3)}
.fift.active.trans{transform:scale(1.2,1.2) skew(-10deg,0);background:rgba(255,255,255,.3)}
.chat{display:none;width:371px;-webkit-box-shadow:0 0 8px #000;background-color:rgba(230,238,232,.5);box-shadow:0 0 8px #000;height:402px;position:fixed;right:110px;bottom:10px;z-index:3001}
.chating{padding:5px;overflow-y:auto!important;height:205px;overflow-x:hidden}
.chat .hd{height:43px;color:#fff;text-align:right;line-height:43px;padding-right:10px}
.chat .pdl{padding-left:120px}
.chating .user{padding-left:0;margin:5px 0}
.chating .user p{font-size:12px;color:rgba(153,153,153,1)}
.chating .user .popover{position:relative;top:0;left:2px;-webkit-box-shadow:0 0 8px #000;background-color:rgba(230,238,232,.5);box-shadow:0 0 8px #000}
.chating .user .popover.right>.arrow:after{bottom:-16px;border-width:6px;border-right-color:rgba(230,238,232,.5)}
.chating .popover-content{padding:3px 4px;font-family:"微软雅黑"}
.chating .popover{box-shadow:none;border:none}
.chating .arrow{border-width:0}
.chating .user_self{margin:15px 0;clear:both;padding-left:23%}
.chating .user_self .popover{position:relative;top:0;right:0;background:rgba(253,147,82,1);clear:both;-webkit-box-shadow:0 0 8px #000;background-color:rgba(255,255,255,.4);box-shadow:0 0 8px #000}
.chating .user_self .popover.left>.arrow:after{bottom:-16px;border-width:6px;border-left-color:rgba(230,238,232,.5)}
.chating .user_self .popover-content{color:#fff}
#editor{overflow:auto!important}
.w-e-text-container,.w-e-toolbar{border:none!important}
.chating,.edit{width:99%;margin:0 auto}
.edit>span{position:absolute;right:0;bottom:5px;padding:2px 5px;color:#fff}
.edit .input-group{position:absolute;max-width:180px;right:30px;top:252px}
.edit .input-group .form-control{height:20px;font-size:12px;border-radius:20px 0 0 20px;padding:2px 12px}
.edit .input-group-addon{border-radius:0 20px 20px 0;background:rgba(253,147,82,1)!important;color:#fff;border:none;padding:3px;font-size:12px}
.chat .modals{background-color:rgba(230,238,232,.5);box-shadow:0 0 8px #000;display:none;width:280px;height:130px;top:130px;left:40px;position:absolute;z-index:99999;box-shadow:2px 2px 2px #a0a0a0}
.chat .confirm{margin-top:20px;display:block;padding-left:50px}
.chat .modals .tit{margin-top:15px;text-align:center;color:#333;font-size:16px}
#zan-gotop2{position:fixed;bottom:80px;right:20px;height:40px;width:40px;border-radius:50%;border:2px solid #fff;background-color:rgba(10,10,0,.7);top:auto;display:block;cursor:pointer;z-index:999;color:#fff;opacity:0;-webkit-animation:twinkling 2s infinite linear 4s}
#zan-gotop2 i{font-size:30px;line-height:36px;text-align:center;display:block}
@-webkit-keyframes twinkling{0%{opacity:0}
100%{opacity:1}
}
.tool2{opacity:1;display:none;bottom:90px;position:fixed;right:75px;background:rgba(10,10,0,.2)}
.tool2 .tooltip-inner{background:rgba(10,10,0,.2)}
.tool2 .tooltip-arrow{border-left-color:rgba(10,10,0,.2)!important}
.login-panel.text-center{position:relative}
.form_avatar{position:absolute;width:54px;left:15%;top:10px}
.file{opacity:1;width:54px;height:54px;cursor:pointer;opacity:0}
#zhuce{display:none}

.alertw{position: absolute; top: 50%; left: 50%; text-align: center; display: none;}
@media screen and (min-width: 1200px) {
    .alertw{width: 470px; margin-left: -235px;margin-top: -80px; }
}


@media screen and (min-width: 320px) and (max-width: 768px) {
    .alertw{width: 80%; top: 33%; left: 10%;}
}